<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Nueva Devolucion</title>
        <link href="<%=request.getContextPath()%>/css/style.css" rel="stylesheet" type="text/css" media="screen">
    </head>
    <body>
        <f:view>
            <%@ include file="/barra.jsp" %>
            <table width="100%" border="0">
                <tr>
                    <td width="21%" align="left" valign="top">
                        <!-- Divisor del Contenido Principal -->
                        <div id="siteName"> </div>
                        <div id="content"> 
                            <div class="feature">
                                <jsp:directive.include file="/welcomeJSF.jsp" />
                            </div> 
                        </div> 
                        <!-- Fin del Contenido Principal -->
                    </td>
                    <td width="79%" align="left" valign="top">
                        <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        <h1>Nueva Devolucion</h1>
                        <h:form>
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Reserva Realizada "/>
                            </u>
                            <h:panelGrid columns="2" frame="box">
                                <h:outputText styleClass="label" value="Identificador del Solicitante:"/>
                                <h:outputText value="#{DevolucionController.devolucion.idUsoRetiro.idReserva.idSolicitudReserva.idSolicitante.idUsuario} " />
                                <h:outputText styleClass="label" value="Solicitante:"/>
                                <h:outputText value="#{DevolucionController.devolucion.idUsoRetiro.idReserva.idSolicitudReserva.idSolicitante.idDatosPersonales.apellidos}, #{DevolucionController.devolucion.idUsoRetiro.idReserva.idSolicitudReserva.idSolicitante.idDatosPersonales.nombres} " />
                                <h:outputText styleClass="label" value="Fecha de Aprobacion de Reserva:"/>
                                <h:outputText value="#{DevolucionController.devolucion.idUsoRetiro.idReserva.fechaInicio}">
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:outputText>
                                <h:outputText styleClass="label" value="Recurso Reservado:"/>
                                <h:outputText value="id=#{DevolucionController.devolucion.idUsoRetiro.idReserva.idRecurso} " />
                            </h:panelGrid>
                        </h:form>
                        
                        <h:form>
                            <u style="color: blue">
                                <h:outputText styleClass="label" value=" Datos de la Operación de Devolución "/>
                            </u>
                            <h:panelGrid columns="2" frame="box">
                                <h:outputText styleClass="label" value="Id Devolucion:"/>
                                <h:inputText disabled="true" id="idDevolucionx" value="#{DevolucionController.devolucion.idDevolucion}" title="IdDevolucion" required="true" requiredMessage="El campo id-Devolucion es requerido." />
                                <h:outputText styleClass="label" value="Fecha de Devolucion (dd/MM/yyyy):"/>
                                <h:inputText disabled="true" id="fechaDevolucionx" value="#{DevolucionController.devolucion.fechaDevolucion}" title="FechaDevolucion" required="true" requiredMessage="La fecha de Devolucion es requerido." >
                                    <f:convertDateTime type="DATE" pattern="dd/MM/yyyy" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Hora de Devolucion (HH:mm):"/>
                                <h:inputText disabled="true" id="horaDevolucionx" value="#{DevolucionController.devolucion.horaDevolucion}" title="HoraDevolucion" required="true" requiredMessage="La hora de Devolucion es requerido." >
                                    <f:convertDateTime type="TIME" pattern="HH:mm" />
                                </h:inputText>
                                <h:outputText styleClass="label" value="Observacion:"/>
                                <h:inputTextarea id="observacion" value="#{DevolucionController.devolucion.observacion}" title="Observacion" required="true" requiredMessage="Debe establecer una Observación para una Cancelación" />
                                <h:outputText styleClass="label" value="Id Estado del Recurso:"/>
                                <h:selectOneMenu id="idEstadoRecurso" value="#{DevolucionController.idEstadoRecurso}" title="IdEstadoRecurso" required="true" requiredMessage="Debe seleccionar el estado del recurso en la devolucion">
                                    <f:selectItems value="#{DevolucionController.listaEstadoRecurso}"/>
                                </h:selectOneMenu>
                            </h:panelGrid>
                            <br />
                            <h:commandLink styleClass="boton" action="#{DevolucionController.create}" value="[Confirmar]">
                            </h:commandLink>
                        </h:form>
                    </td>
                </tr>    
            </table>
            <%@ include file="/footer.jsp" %>                        
        </f:view>
    </body>
</html>
